<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Emmet语法学习</title>
    <style>
        div{
            font-style: italic;
        }
    </style>
</head>
<body>

<!--div+p-->
<div></div>
<p></p>

<!--ul>li-->
<ul>
    <li></li>
</ul>

<!--div*3-->
<div></div>
<div></div>
<div></div>

<!--.demo-->
<div class="demo"></div>

<!--#class-->
<div id="class"></div>

<!--#class$*5-->
<div id="class1"></div>
<div id="class2"></div>
<div id="class3"></div>
<div id="class4"></div>
<div id="class5"></div>

<!--div{内容}*5-->
<div>color:red</div>
<div>color:red</div>
<div>color:red</div>
<div>color:red</div>
<div>color:red</div>



</body>
</html>